<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Unobtrusive Accessible jQuery Tabs</title>

	<script src="../../_jquery/jquery-1.4.2.js"></script>
	<script src="../../pluggie/pluggie.jquery.js" type="text/javascript"></script>
	<script src="../tabbed.pluggie.jquery.js" type="text/javascript"></script>

	<script src="tabbed.example.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="tabbed.example.css" media="all" />
</head>
<body>
	<h2>Unobtrusive Accessible jQuery Tabs</h2>

	<div id="outer_container">
		<div id="first_content" class="tab_container">
			<div class="tab_title">
				<h3>First Content</h3>
			</div>
			<div class="tab_content">
				<p>Here is some content</p>
				<p>Here is some content</p>
				<p>Here is some content</p>
				<p id="add_more">Add More Content</p>
			</div>
		</div>
		<div id="second_content" class="tab_container">
			<div class="tab_title">
				<h3>Second Content</h3>
			</div>
			<div class="tab_content">
				<p>Here is some more content</p>
				<p>Here is some more content</p>
				<p>Here is some more content</p>
				<p>Here is some more content</p>
				<p>Here is some more content</p>
				<p>Here is some more content</p>
			</div>
		</div>
	</div>
</body>
</html>